<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>

<html id="headerSubview" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <sj:head debug="true" compressed="false" jquerytheme="showcase" customBasepath="themes" loadFromGoogle="%{google}" ajaxhistory="%{ajaxhistory}" defaultIndicator="myDefaultIndicator" defaultLoadingText="Porfavor espere ..."/>
        <script>
            $.subscribe('redireccionarWelcome', function(event,data) {
                var rsp = event.originalEvent.request.responseText;
                console.log(rsp);
                if(rsp != "fail"){
                    //console.log("redirect");
                    //window.location = 'bienvenida.action';
                    //$('#divRegister').html('xD');
                    $('#resultRegister').html('En breves instantes le enviaremos un correo de confirmacion');
                }
            });
        </script>
    </head>
    <div style="width: 400px">
        <div id="resultRegister" class="result ui-widget-content ui-corner-all">
            <div id="divRegister">
                <s:form id="formRegister" action="registrousuario" theme="simple" cssClass="yform columnar">
                    <fieldset>
                        <legend>Registrate</legend>
                        Es gratis (y lo seguir&aacute; siendo).
                        <div class="type-text">
                            <label for="dni">DNI:</label>
                            <s:textfield
                                id="usuario.dni"
                                name="usuario.dni"
                                />
                        </div>
                        <div class="type-text">
                            <label for="nombre">Nombre:</label>
                            <s:textfield
                                id="usuario.nombre"
                                name="usuario.nombre"
                                />
                        </div>
                        <div class="type-text">
                            <label for="apellidos">Apellidos:</label>
                            <s:textfield
                                id="usuario.apellidos"
                                name="usuario.apellidos"
                                />
                        </div>
                        <div class="type-text">
                            <label for="correo">Correo:</label>
                            <s:textfield
                                id="usuario.correo"
                                name="usuario.correo"
                                />
                        </div>                        
                        <div class="type-select">
                            <label for="departamento">Departamento:</label>
                            <s:url id="remotedepartamentos" action="jsonDepartamentos"/>
                            <sj:select
                                href="%{remotedepartamentos}"
                                id="departamentop"
                                name="departamento"
                                list="departamentos"
                                listKey="codigo"
                                listValue="descripcion"
                                emptyOption="true"
                                headerKey="-1"
                                headerValue="Seleccione un departamento"
                                onChangeTopics="reloadsecondlist"
                                />
                        </div>
                        <div class="type-select">
                            <label for="usuario.provincia">Provincia:</label>
                            <s:url id="remoteprovincias" action="jsonProvincias"/>
                            <sj:select
                                href="%{remoteprovincias}"
                                id="usuario.provincia"
                                name="usuario.provincia"
                                list="provincias"
                                listKey="codigo"
                                listValue="descripcion"
                                emptyOption="true"
                                headerKey="-1"
                                headerValue="Seleccione un distrito"
                                reloadTopics="reloadsecondlist"
                                />
                        </div>                        
                        <div class="type-button">
                            <sj:submit
                                button="true"
                                value="Registrar"
                                indicator="indicator"
                                targets="resultRegister"
                                onCompleteTopics="redireccionarWelcome"
                                />
                        </div>
                    </fieldset>
                </s:form>
            </div>
        </div>
    </div>
</html>